@charset "utf-8";
@import url("select.css");
body { background: #f5f5f5; }
.title .dropdown { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.title .dropselectbox { background: #576b6a; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.title .dropdown h4 { height:21px; font:12px/21px arial, sans-serif; border: solid 1px #576b6a; background: url(img/droparrow.gif) no-repeat right center; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.title .dropdown h4.over { border-color: #fff; background-image: url(img/droparrowover.gif); }
.title .dropdown h4.current { border-color: #003; }
.title .dropdown ul { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.title .dropdown ul li { background: #2e2e2e; height:19px; font:400 12px/19px arial, sans-serif; }
.title .dropdown ul li.over { background:#369; color:#fff; }
.dropselectbox { display: table-cell; }
.ui-widget-content { background: #fff; border-color: #292f25; -moz-border-radius: 0; -webkit-border-radius: 0; }
.ui-dialog { padding: 0; -webkit-box-shadow: 3px 3px 5px #333; -moz-box-shadow: 3px 3px 5px #333; }
.ui-widget-header { background: url(img/dialog-header.png) repeat-x; border: none; -moz-border-radius: 0; -webkit-border-radius: 0 }
.ui-dialog .ui-dialog-titlebar { padding: 0; }
.ui-dialog-title { float: left; display: block; height: 70px; padding: 0 110px 0 20px; background: url(img/dialog-title.jpg) right 0 no-repeat; font: bold 16px/60px Arial, sans-serif; -background-position: right 1px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .ui-dialog-title { background: url(img/dialog-title.jpg) right 1px no-repeat; }}
.ui-datepicker .ui-widget-header { background-position: 0 15px; background-color: #064652; }
.ui-dialog .ui-widget-header .ui-icon { background: url(img/dialog-close.png) no-repeat; }
.ui-dialog .ui-dialog-titlebar-close { width: 18px; margin: -18px 5px 0px 0; }
#wrapper { }
#container { padding: 10px 0; background: #f5f5f5 url(img/container.png) repeat-x; }
#container .box { width: 940px; padding: 5px; background: #2e2e2e; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.box { width: 950px; margin: 0 auto; }
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { height: 30px; }
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-state-highlight { height: auto; -moz-border-radius: 0; -webkit-border-radius: 0; }
#header { background: url(img/header.png) repeat-x; }
#head-logo { float: left; height: 56px; padding-top: 9px; }
#head-logo em { display: none; }
#head-nav { float: right; }
#head-user { float: right; margin-top: 38px; }
#head-user .cut { margin: 0 4px; }
#nav-line { display: none; }
#nav { position: relative; clear: both; height: 69px; }
#main-nav { height: 69px; -overflow: hidden; }
#main-nav li { position: relative; float: left; height: 34px; margin-right: 45px; font: 14px/33px arial, sans-serif; }
#main-nav li li { margin-right: 10px; }
#main-nav li a { float: left; color: #fff; text-decoration: none; white-space: nowrap; }
#main-nav li a span { float: left; }
#main-nav li a:hover { font-weight: bold; }
#main-nav li.hover,
#main-nav li.current { font: bold 14px/33px arial, sans-serif; }
#main-nav li.hover a,
#main-nav li.current a { position: relative; height: 33px; }
#main-nav li.hover a span,
#main-nav li.current a span { height: 33px; cursor: pointer; }
#main-nav ul { display: none; width: 400px; height: 33px; position: absolute; top: 34px; left: 0; }
#main-nav li ul li,
#main-nav li.hover ul li,
#main-nav li.current ul li { padding-left: 10; }
#main-nav li ul li a,
#main-nav li.hover ul li a,
#main-nav li.current ul li a { background: none; margin-right: 0; font: 12px/34px arial, sans-serif; color: #333; }
#main-nav li ul li.current a,
#main-nav li ul li a:hover { font-weight: bold; }
#main-nav li ul li a span,
#main-nav li.hover ul li a span,
#main-nav li.current ul li a span { padding-right: 5px; background: none; line-height: 34px; }
#main-nav li.hover ul,
#main-nav li.current ul { display: block; }
#main-nav li.hover ul { z-index: 2; }
#main-nav li.hover ul ul,
#main-nav li.current ul li ul,
#main-nav li.current ul li.current ul,
#main-nav li.hover ul li.hover ul { display: none; position: absolute; top: 30px; width: 320px; padding-left: 10px; background: #fff; border: 1px solid #999; }
#main-nav ul ul li a,
#main-nav ul ul li span { clear: both; float: none; line-height: 20px; }
#container { clear: both; }
#main-head { padding: 0 5px; }
.title { border-bottom: 1px solid #666; padding: 0 5px; margin-bottom: 10px; color: #fff; }
.title:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.title { display: inline-block; }
.title { display: block; }
.title h2 { float: left; font: bold 18px/50px \5fae\8f6f\96c5\9ed1, sans-serif; }
.title-more { float: right; margin-top: 13px; line-height: 30px; }
.title-more strong { font-size: 14px; }
.title-more button { width: 72px; height: 26px; margin-left: 10px; padding-right: 10px; background: url(img/button.gif) 0 -430px; border: 0 none; color: #fff; }
.title-more select { background: #576b6a; color: #fff; }
.title-expand { display: inline; float: left; margin: 15px 0 0 10px; }
.current-shelf { display: inline; position: relative; margin-left: 10px; }
.current-shelf:hover span,
.current-shelf.hover span { text-indent: 0; }
.pop-shelf-list { clear: both; display: none; position: absolute; top: 30px; right: 5px; -left: -60px; -right: auto; width: 220px; padding: 5px 8px; border: 1px solid #ccc; background: #2e2e2e; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #000; -moz-box-shadow: 2px 2px 5px #000; }
.pop-shelf-list h3 { line-height: 20px; }
.pop-shelf-end { padding-top: 3px; text-align: right; }
.pop-shelf-list ul { overflow: auto; overflow-x: hidden; width: 220px; height: 186px; }
.pop-shelf-list li { -width: 280px; clear: both; border-bottom: 1px solid #eee; overflow: hidden; }
.pop-shelf-list ul ul { display: none; clear: both; height: auto; }
.pop-shelf-list li span { float: left; width: 20px; height: 25px; cursor: pointer; }
.pop-shelf-list li span.open { background: url(img/ico-small.gif) -160px -52px no-repeat; }
.pop-shelf-list li span.close { background: url(img/ico-small.gif) -140px -82px no-repeat; }
.pop-shelf-list li em { float: left; }
.pop-shelf-list li em.current { background: #555; }
.pop-shelf-list li em,
.pop-shelf-list li li em { width: 180px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.pop-shelf-list li li { -height: 25px; -overflow: hidden; clear: both; padding-left: 20px; border: none; clear: none; background: url(img/ico-small.gif) 5px -986px no-repeat; }
.step { clear: both; padding: 10px 0; color: #fff; }
.step span { padding: 0 5px 0 20px; background: url(img/ico-small.gif) -120px -120px no-repeat; }
.step span.first { padding-left: 0; background: none; }
.step span.current { font-weight: bold; }
table.zip-single { margin-top: 10px; border-bottom: 1px solid #ccc; }
.act-acc { padding: 10px; margin-top: 5px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.tabbed { margin-left: 5px; height: 26px; }
.tabbed li { float: left; }
.tabbed li a { float: left; height: 25px; line-height: 25px; padding: 0 10px; margin-right: 1px; background: #fff; border: 1px solid #ccc; border-bottom: none; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
.tabbed li.current a,
.tabbed li a.current { font-weight: bold; height: 26px; position: relative; margin-bottom: -1px; background: #e8e9ea; }
.poplayer .tabbed li a { background: #eee; }
.poplayer .tabbed li.current a,
.poplayer .tabbed li a.current { background: #fff; }
.main-msg { margin-bottom: 10px; border: 1px solid #eec; padding: 3px 10px 3px 25px; background: #ffe url(img/ico-small.gif) 5px -265px no-repeat; }
.slt-btn { padding-right: 18px; background: url(img/ico-small.gif) right -959px no-repeat; }
.slt-btn:hover,
.slt-btn.hover { background-position: right -928px; cursor: pointer; }
.slt-applet h4,
.slt-applet p { padding: 5px 0 15px; }
#main-list { padding: 2px 5px; }
.main-li-single { margin: 3px 0; border: 1px solid #ddd; background: #fff; }
.main-li-single th { border-bottom: 1px solid #ddd; cursor: move; }
.ui-sortable-helper { border-color: #666; opacity: .8; filter: alpha(opacity=80) }
.ui-state-highlight { margin: 3px 0; }
#menu { padding: 5px; }
#menu ul { background: #fff; border-top: 1px solid #ddd; }
#menu li { padding: 5px; border: 1px solid #ddd; border-top: none; }
#menu ul ul { display: none; }
#footer { clear: both; padding: 10px 0; background: #fff url(img/footer.png) 0 38px repeat-x; line-height: 25px; text-align: center; }
#footer,
#footer a { color: #999; }
#foot-nav li { display: inline; }
#foot-nav li a { margin: 0 5px; }
#foot-copyright { padding: 8px 0 0; }
/* 弹出层 */
.poplayer { display: none; }
.poplayer .tabbed li { position: relative; }
.pop-tip { display: none; position: absolute; left: 10px; top: -32px; z-index: 9999; height: 35px; background: url(img/pop-tip.png) right -50px no-repeat; line-height: 30px; }
.pop-tip-in { display: block; height: 35px; padding-left: 10px; position: relative; left: -10px; background: url(img/pop-tip.png) no-repeat; white-space: nowrap; }
.poplayer .tabbed li:hover .pop-tip { display: block; }
#pjt-preview { position: absolute; width: 300px; min-height: 415px; top: 50%; left: 50%; z-index: 999; margin: -200px 0 0 -150px; background: #fff; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #666; -moz-box-shadow: 2px 2px 5px #666; }
#pjt-box { padding: 10px; }
.pop_check textarea { border: 1px solid #ccc; padding: 4px; width: 97%; }

.pop-pro-pre { display: none; }
.pro-preview-wrap { padding: 30px 0 20px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pop-pro-pre .pro-preview-wrap { position: absolute; width: 288px; height: 554px; overflow: hidden; left: 50%; top: 50%; margin: -320px 0 0 -144px; -margin-top: -280px; background: none; z-index: 5; }
.pro-preview-window { width: 240px; height: 400px; margin: 0 auto; padding: 80px 24px 130px; background: url(img/preview/cellphone.gif) no-repeat; }
.pro-preview-box { width: 240px; height: 400px; background: url(img/preview/window-bg.jpg) no-repeat; }
.pp-tit { height: 47px; }
.pp-time { float: left; padding: 25px 0 0 15px; font: bold 13px/20px arial, sans-serif; }
.pp-cnt { height: 260px; overflow: auto; overflow-x: hidden; }
.pp-sgl { width: 215px; height: 60px; margin: 0 0 5px 5px; background: url(img/preview/li-bg.jpg) no-repeat; }
.pp-sgl dt { float: left; width: 65px; }
.pp-sgl img { width: 50px; height: 50px; margin: 4px 0 0 4px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pp-sgl dd { float: left; width: 130px; height: 35px; overflow: hidden; white-space: nowrap; ellipsis; text-overflow: ellipsis; }
.pp-sgl dd.tit { font: bold 14px/40px arial, sans-serif; }
.pp-sgl dd.star { height: 25px; margin-right: 20px; background: url(img/preview/star.png) no-repeat; }
.pp-sgl dd.lvl-1 { width: 14px; }
.pp-sgl dd.lvl-2 { width: 28px; }
.pp-sgl dd.lvl-3 { width: 42px; }
.pp-sgl dd.lvl-4 { width: 56px; }
.pp-sgl dd.lvl-5 { width: 70px; }
.pp-cur { background-position: 0 -60px; }
.pp-nav a { background: url(img/preview/nav-item.jpg) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; }
.pp-nav .pp-n-1 a { background-position: 0 0; }
.pp-nav .pp-n-1 a:hover,
.pp-nav .pp-n-1 a.current { background-position: 0 -100px; }
.pp-nav .pp-n-2 a { background-position: -50px 0; }
.pp-nav .pp-n-2 a:hover,
.pp-nav .pp-n-2 a.current { background-position: -50px -100px; }
.pp-nav .pp-n-3 a { background-position: -100px 0; }
.pp-nav .pp-n-3 a:hover,
.pp-nav .pp-n-3 a.current { background-position: -100px -100px; }
.pp-nav .pp-n-4 a { background-position: -150px 0; }
.pp-nav .pp-n-4 a:hover,
.pp-nav .pp-n-4 a.current { background-position: -150px -100px; }
.pp-menu { clear: both; padding: 0 15px; height: 31px; background: url(img/preview/menu-bg.jpg) no-repeat; font: bold 13px/30px arial, sans-serif; }
.pp-menu span { float: left; width: 40px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.pp-menu a { text-decoration: none; color: #333; }
.pp-menu span.pp-menu-c { width: 130px; text-align: center; }
.pp-menu-r { text-align: right; }
.infiniteCarousel { width: 240px; height: 62px; position: relative; overflow: hidden; background: url(img/preview/nav.png) repeat-x; }
.infiniteCarousel .pp-btn-wrap { width: 200px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height: 62px; margin: 0 20px; position: absolute; top: 0; }
.infiniteCarousel .pp-btn-wrap ul { width: 50px; /* single item * n */ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }
.infiniteCarousel ul li { display:block; float:left; width: 50px; height: 62px; overflow: hidden; background: url(img/preview/nav.png) repeat-x; }
.infiniteCarousel ul li a { display: block; width: 49px; height: 62px; border-right: 1px solid #999; }
.infiniteCarousel .arrow { display: block; width: 20px; height: 62px; background: url(img/preview/nav-btn.png) no-repeat; cursor: pointer; text-indent: -999px; position: absolute; top: 0; cursor: pointer; outline: 0; }
.infiniteCarousel .forward { background-position: -25px 21px; right: 0; border-left: 1px solid #999; }
.infiniteCarousel .back { background-position: 5px 21px; left: 0; border-right: 1px solid #999; }
.pop-pre-close { width: 56px; height: 56px; margin: 19px 0 0 90px; }





#home { background: #fff; }
#home #header { height: 80px; background: #fff; }
#home #header .box { position: relative; }
#head-welcome { float: right; width: 450px; padding-top: 20px; text-align: right; }
#head-login label { line-height: 22px; }
#head-login input { width: 110px; height: 18px; padding: 2px 4px; margin-right: 10px; background: #d5d5d5; border: 0 none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#head-login button { width: 47px; height: 22px; background: url(img/home/header.png) no-repeat; text-indent: -9999px; border: 0 none; }
#head-reg { padding: 11px 55px 0 0; }
#head-reg label,
#head-reg a { margin: 0 5px; color: #333; }
#head-reg label { margin-left: 0; color: #666; }
#head-reg input { border: 0 none; }
#home-nav { position: absolute; top: 80px; right: 0; width: 310px; height: 27px; padding: 0 5px 5px; line-height: 28px; background: url(img/home/header.png) -70px 0 no-repeat; }
#home-nav li { float: left; width: 102px; margin-right: 2px; text-align: center; font-size: 13px; }
#home-nav li.last { margin: 0; }
#home-nav li a { color: #eee; }

#home #banner { height: 317px; background: url(img/home/banner-bg.png) repeat-x; }
#coin-slider { margin-top: 41px; }
#coin-slider,
#coin-slider img { width: 950px; height: 230px; }

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 24px 10px 0; float: left; }
.cs-buttons a { margin-left: 19px; height: 10px; width: 10px; float: left; text-indent: -1000px; background: url(img/home/icon.png) 0 -100px no-repeat; }
.cs-buttons a.cs-active { background-position: 0 -120px; }
.cs-title { width: 930px; padding: 10px; background-color: #000; color: #fff; }
.cs-prev, 
.cs-next { background-color: #000; color: #fff; padding: 0px 10px; }

#home #container { padding: 17px 0 20px; background: url(img/home/container-bg.png) repeat-x; }
#home #container .box { width: 950px; padding: 0; background: none; -moz-border-radius: 0; -webkit-border-radius: 0; }

#home-focus { height: 215px; overflow: hidden; margin-bottom: 10px; background: url(img/home/focus-bg.png) no-repeat; }
#home-focus h2 { height: 58px; }
#home-focus .first { margin-left: 12px; }
.focus-box { display: inline; float: left; width: 205px; height: 146px; padding: 0 10px; margin-left: 9px; background: url(img/home/focus-bg.png) 0 -220px no-repeat; }
.focus-box a { color: #333; }
#home-focus .last { position: relative; top: -46px; margin-left: 7px; width: 202px; height: 173px; padding: 10px 13px; background: url(img/home/focus-last.png) no-repeat; }
.focus-box h3 { height: 35px; font: bold 13px/35px arial, sans-serif; }
.focus-box li { width: 195px; padding-left: 10px; line-height: 27px; overflow: hidden; background: url(img/home/icon.png) 0 11px no-repeat; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.focus-img,
.focus-img img { width: 202px; height: 115px; overflow: hidden; }
.focus-box a.focus-btn { display: block; width: 202px; height: 27px; margin-top: 24px; font: bold 14px/27px arial, sans-serif; text-align: center; color: #fff; }
.focus-box a.focus-btn:hover { text-decoration: none; }

.news { float: left; width: 474px; border-right: 1px solid #fff; }
#news-2 { width: 475px; border: none; }
.news h2 { padding: 0 10px; font: bold 14px/45px arial, sans-serif; }
.news h2 em { float: left; color: #c00; }
.news h2 a.more { float: right; padding: 0 10px; font-size: 12px; font-weight: normal; background: url(img/home/icon.png) 0 -29px no-repeat; color: #1272bd; }
.news-list { clear: both; padding: 8px 12px; background: #eee; }
.news-list li { clear: both; height: 41px; overflow: hidden; padding: 5px 0; color: #1272bd; }
.news-list li a { color: #333; }
.news-list .news-img { float: left; width: 77px; height: 41px; margin-right: 13px; background: url(img/home/focus-bg.png) -240px -220px no-repeat; text-align: center; }
.news-list .news-img img { width: 30px; height: 30px; margin-top: 6px; }
.news-list .news-tit { float: left; width: 360px; line-height: 15px; }
.news-list .news-date { float: left; font: 11px/13px arial, sans-serif; }










